<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
 <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
</head>
<body>
    <div id="app">
        <h1 v-bind:class="textColor" >demo</h1>
        <!-- v-model只能应用在select和input上area -->

    <select v-bind:disabled="!isEnabled" id="color-selcter" v-model="textColor">

        <option value="red-text">红色</option>
        <option value="blue-text">蓝色</option>
    </select>


    <button type="button"  @click="turnoff">失效</button>
    <button type="button"  @click="turnon">启用</button>
    </div>

</body>
<script src="./main.js"></script>
</html>